<?php
echo get_ol($pages);

// lần lượt xét các page và in ra theo thứ tự
function get_ol($array, $child = FALSE) {
    $str = '';

    if (count($array)) {
        $str .= $child == FALSE ? '<ol class="sortable">' : '<ol>';

        foreach ($array as $item) {
            $str .= '<li id="list_' . $item['id'] . '">';
            $str .= '<div>' . $item['title'] . '</div>';

            // Do we have any children?
            if (isset($item['children']) && count($item['children'])) {
                $str .= get_ol($item['children'], TRUE);
            }

            $str .= '</li>' . PHP_EOL;
        }

        $str .= '</ol>' . PHP_EOL;
    }

    return $str;
}
?>

<script>
    // cho phép kéo thả mấy cái page và thay đổi thứ tự
$(document).ready(function(){

    $('.sortable').nestedSortable({
        handle: 'div',
        items: 'li',
        toleranceElement: '> div',
        maxLevels: 2 // giới hạn 1 page có 1 con thui
    });

});
</script>